<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"
    />
    <title>工作--设备查询</title>
    <script
      src="./js/n1204_main.js"
      type="text/javascript"
      charset="utf-8"
    ></script>
  </head>
  <body>
    <div class="n1204_loginBox">
      <!-- 头部 -->
      <div class="n1204_header n1204_bgColor1">
        <div class="n1204_headerBox">
          <a
            href="javascript:history.back(-1)"
            class="n1204_headerBox_icon"
          ></a>
          <div class="n1204_headerBox_content">设备查询</div>
        </div>
      </div>
      <!-- 内容 -->
      <div class="n1204_indexContent">
        <!-- 筛选盒子 -->
        <div class="n1204_sxBox n1204_sbcx">
          <div class="n1204_sxBoxin">
            <!-- 每行删选条件 -->
            <div class="n1204_sxBoxinRow">
              <div class="n1204_sxBoxinRowin">
                <div class="n1204_sxBoxTitle">设备属性</div>
                <div class="n1204_sxBoxContent">
                  <div class="n1204_sxBoxContentLi n1204_xz2">飘红</div>
                  <div class="n1204_flex"></div>
                  <div class="n1204_flex"></div>
                </div>
              </div>
            </div>

            <!-- 每行删选条件 -->
            <div class="n1204_sxBoxinRow">
              <div class="n1204_sxBoxinRowin">
                <div class="n1204_sxBoxTitle">使用状态</div>
                <div class="n1204_sxBoxContent">
                  <div class="n1204_sxBoxContentLi n1204_xz2">在用</div>
                  <div class="n1204_sxBoxContentLi">停用</div>
                  <div class="n1204_sxBoxContentLi">其它</div>
                </div>
              </div>
            </div>

            <!-- 每行删选条件 -->
            <div class="n1204_sxBoxinRow">
              <div class="n1204_sxBoxinRowin">
                <div class="n1204_sxBoxTitle">设备类型</div>
                <div class="n1204_sxBoxContent">
                  <div class="n1204_sxBoxContentLi n1204_xz2">特种设备</div>
                  <div class="n1204_sxBoxContentLi">锅炉</div>
                  <div class="n1204_sxBoxContentLi">压力容器</div>
                </div>
                <div class="n1204_sxBoxContent">
                  <div class="n1204_sxBoxContentLi">电梯</div>
                  <div class="n1204_sxBoxContentLi">起重机</div>
                  <div class="n1204_sxBoxContentLi">厂车</div>
                </div>
                <div class="n1204_sxBoxContent">
                  <div class="n1204_sxBoxContentLi">电梯</div>
                  <div class="n1204_flex"></div>
                  <div class="n1204_flex"></div>
                </div>
              </div>
            </div>

            <!-- 每行删选条件 -->
            <div class="n1204_sxBoxinRow">
              <div class="n1204_sxBoxinRowin">
                <div class="n1204_sxBoxTitle">搜索范围</div>
                <div class="n1204_sxBoxContent">
                  <div class="n1204_sxBoxContentin">
                    <div class="n1204_sxBoxContentinl">
                      <input type="text" class="n1204_sxBoxContentinl_input" />
                    </div>
                    <div class="n1204_sxBoxContentinr">米</div>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <a href="index2_chaxunjieguo.html" class="n1204_btn1 n1204_sbBtn">查询</a>
        </div>
      </div>
    </div>

    <script type="text/javascript">
      window.onload = function() {
        // 绑定每行筛选条件事件  单选
        $('body').on('click', '.n1204_sxBoxContentLi', function() {
          var t = $(this);
          var tAll = t
            .parents('.n1204_sxBoxinRow')
            .find('.n1204_sxBoxContentLi');
          tAll.removeClass('n1204_xz2');
          t.addClass('n1204_xz2');
        });
      };
    </script>
  </body>
</html>
